*{
	margin:0;
	padding: 0;
}
html,body{
	width:100%;
	height: 100%;
	overflow: hidden;
	/*cursor: none;*/
}
.wrap{
	width:360px;
	height: 550px;
	margin: 20px auto;
	background:url(img/bg.jpg) center no-repeat;
	background-size:cover;
	position: relative;
}
.wrap .topwrap{
	width:100%;
	height: auto;
}
.topwrap .blos{
	width:60px;
	height: 20px;
	position: absolute;
	/*background: url(img/blobg.png) no-repeat center;*/
    border: 1px solid #4ca1c1;
    border-radius: 6px;
}
#ball{
	position: absolute;
	bottom: 22px;
	left:50%;
	width:20px;
	height: 20px;
	border-radius: 50%;
	background: linear-gradient(30deg,#7df706,#a7e56a);
	background: -webkit-linear-gradient(30deg,#7df706,#a7e56a);
	background: -moz-linear-gradient(30deg,#7df706,#a7e56a);
	box-shadow: 0 0 25px 1px #62a223;
	margin-left:-10px;
}
#bat{
	position: absolute;
	bottom:10px;
	left:36%;
	width:100px;
	height: 10px;
	background: #8796d0;
    border-radius: 10px;
	transition: width .5s linear;
	transform-origin: center;
}
